<div class="row">

    <div class="col-lg-4">
        <!--left/start-->
        <div class="panel panel-default panel-intro">
            <div class="panel-body">
                <div id="myTabContent1" class="tab-content">
                    <div class="tab-pane fade active in" id="one1">
                        <div class="widget-body no-padding">
                            <div id="toolbar1" class="toolbar">
                                {:build_toolbar('refresh')}
                            </div>
                            <table id="table1" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--left/end-->
    </div>

    <div class="col-lg-8">
        <!--right/start-->
        <div class="panel panel-default panel-intro">
            <div class="panel-body">
                <div id="myTabContent2" class="tab-content">
                    <div class="tab-pane fade active in" id="one2">
                        <div class="widget-body no-padding">
                            <div id="toolbar2" class="toolbar">
                                {:build_toolbar('refresh')}
                            </div>
                            <table id="table2" class="table table-striped table-bordered table-hover table-nowrap" width="100%">
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--right/end-->
    </div>
</div>